.TextR {
  text-align: right;
}

.TextL {
  text-align: left;
}

.TextC {
  text-align: center;
}

.FS16 {
  font-size: 16px;
}

.MT60 {
  margin-top: 60px;
}

.MT50 {
  margin-top: 50px;
}

.MT30 {
  margin-top: 30px;
}

.MB30 {
  margin-bottom: 30px;
}

.no-margin-L {
  margin-left: 0 !important;
}

.no-margin-t {
  margin-top: 0 !important;
}

.no-margin-r {
  margin-right: 0 !important;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.MB14 {
  margin-bottom: 14px;
}

.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/deep/ .el-input__suffix-inner,
.el-select__caret {
  line-height: 32px;
}

.header-icon {
  padding-bottom: 5px;
  margin-bottom: 14px;
  margin-top: 40px;
  font-weight: 400;
  line-height: 18px;
  font-size: 16px;
  border-bottom: 1px dashed #cfcfcf;

  .icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }

  .icon-i {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 18px;
    background-color: #2c75ec;
    margin-top: -3px;
    margin-right: 5px;
  }

  .el-icon-arrow-up {
    font-size: 18px;
  }

  p {
    border-left: 2px solid #246bdd;
    font-size: 16px;
    padding-left: 10px;
  }
}

.body {
  width: 100%;
  min-width: @min-width;
  background-color: @BgColorF8F8F8;
}

.body-box {
  width: @width;
  min-height: 670px;
  margin: 20px 100px;
  padding: 27px 41px 61px 41px;
  background-color: @BgColorFFF;
  overflow: hidden;
}

.el-breadcrumb .el-breadcrumb__item:last-child {
  .el-breadcrumb__inner {
    color: @color-blue;
  }
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: @color-blue !important;
}

.el-form {
  .el-input--mini .el-input__inner,
  .el-input__inner {
    min-height: 32px !important;
    line-height: 32px !important;
    font-size: 14px;
  }

  .el-input__icon.el-icon-circle-close {
    height: 32px !important;
    line-height: 32px !important;
  }
}

.el-range-editor--mini .el-range-separator {
  line-height: 24px;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: @color-blue !important;
  background-color: @color-blue !important;
}

// 类表单四列布局公共样式
.PMSearch,
.PMDetail,
.PMAdd {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  .el-form-item,
  .flex-box {
    width: 25%;
    margin-bottom: 20px; // 下边距改为20
    @media screen and (max-width: 1900px) {
      width: 33.33%;
    }
    &.el-form-item-full {
      width: 100%;
    }
  }

  .bottom-btn-box {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }

  .el-form-item,
  .el-form-item__label,
  .el-form-item__content {
    min-height: 40px;
  }

  .el-form-item__content {
    line-height: 22px;
    display: flex;
    align-items: center;
  }

  .el-form-item__label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 20px;
    word-break: break-word !important;
  }
  .line-feed .el-form-item__label {
    white-space: pre-line !important;
  }

  // button始终在盒⼦的最右边
  .btn-box {
    flex-grow: 1;
    flex-shrink: 0;
    padding-top: 3px;
    .el-button + .el-button.el-button--primary.el-button--small {
      margin-left: 24px;
    }
  }
}

.fourColumn {
  .el-form-item,
  .flex-box {
    width: 25%;
  }
}

.dialog-addQuery {
  .btn-box.TextR {
    margin-left: 36px;
    text-align: left;
  }
  .form-addQuery {
    .el-form-item {
      width: 33.3% !important;
    }
  }
  .dialog-query-box {
    .el-form-item__label {
      padding: 0;
      text-align: center;
      line-height: 15px;
    }
  }
}

.dialog-addQuery-en {
  .el-form-item__label {
    min-height: 60px;
  }
  .form-addQuery {
    .el-form-item__label {
      min-height: 40px;
    }
  }
}

.dialog-chooseQuery {
  .PMSearch {
    display: flex;
    flex-direction: column;
    align-items: center;
    .el-form-item {
      width: fit-content;
      margin-bottom: 60px;
      .el-form-item__content {
        margin-left: 0 !important;
      }
    }
  }
}

.table-top-buttons {
  .el-button {
    min-width: 100px;
    height: 32px;
    font-size: 14px;
    & + .el-button {
      margin-left: 12px;
    }
  }
}
.dialog-footer {
  width: 100%;
  margin-top: 20px;
  text-align: center;
  .el-button {
    font-size: 14px;
    padding: 0 12px;
    & + .el-button {
      margin-left: 24px;
    }
  }
}
.bottom-btn-box,
.flex-foot {
  width: 100%;
  margin-top: 40px;
  text-align: center;
  .el-button {
    font-size: 16px;
    padding: 0 12px;
    & + .el-button {
      margin-left: 24px;
    }
  }
}

/*
    通用按钮样式
    上传/新增 上传型按钮颜色为：#63ce68
    下载/导出 下载型按钮颜色为：#00c4d1
    删除/撤回 重要逆向、警示操作按钮，按钮颜色：#ff5c5c
    返回/重置 执行重要反向操作按钮，按钮边框颜色：#c1c1c1
    其余正向型按钮颜色为：#3a84fb
*/
.el-button {
  min-width: 120px;
  height: 36px;
  font-size: 16px;
  &.search-button,
  &.primary-button {
    background-color: @ButtonMain;
    &:hover,
    &:focus,
    &:active {
      background-color: @ButtonMainHover;
      color: @color-white;
    }
  }
  &.secondary-button {
    background-color: @color-white;
    color: @ButtonMain;
    border: 1px solid @ButtonMain !important;
    &:hover,
    &:focus,
    &:active {
      background-color: @ButtonMain;
    }
  }
  &.create-button,
  &.upload-button {
    background-color: @ButtonSuccess;
    border: 1px solid @ButtonSuccess !important;
    &:hover,
    &:focus,
    &:active {
      background-color: @ButtonSuccessHover;
      border: 1px solid @ButtonSuccessHover !important;
    }
  }
  &.export-button {
    border-color: @ButtonExport;
    background-color: @ButtonExport;
    &:hover,
    &:focus,
    &:active {
      background-color: @ButtonExportHover;
    }
  }
  &.danger-button {
    background-color: @ButtonDanger;
    &:hover,
    &:focus,
    &:active {
      background-color: @ButtonDangerHover;
    }
  }
  &.revoke-button {
    background-color: @color-white;
    color: @ButtonDanger;
    border: 1px solid @ButtonDanger !important;
    &:hover,
    &:focus,
    &:active {
      background-color: @color-white;
      color: @ButtonDangerHover;
      border: 1px solid @ButtonDangerHover !important;
    }
  }
  &.empty-button,
  &.cancel-button {
    background-color: @color-white;
    color: @ButtonClearColor;
    border: 1px solid @ButtonClearBorder !important;
    &:hover,
    &:focus,
    &:active {
      background-color: @color-white;
      color: @color-black-A;
      border: 1px solid @color-black-A !important;
    }
  }
  &.is-disabled,
  &.is-disabled:active,
  &.is-disabled:focus,
  &.is-disabled:hover {
    background-color: @color-gray-A !important;
    border-color: @color-gray-A !important;
  }
  &.el-button--small {
    min-width: 100px;
    font-size: 14px;
    height: 32px;
    padding: 0 12px;
  }
}

.table-operate {
  .el-button {
    min-width: 50px;
    height: 24px;
    font-size: 14px;
    padding: 0 12px;
    color: @ButtonMain;
    border-color: @ButtonMain;
    &:hover,
    &:focus,
    &:active {
      background-color: @color-white;
      color: @ButtonMainHover;
      border: 1px solid @ButtonMainHover !important;
    }
    &.danger {
      background-color: @color-white;
      color: @ButtonDanger;
      border: 1px solid @ButtonDanger !important;
      &:hover,
      &:focus,
      &:active {
        background-color: @color-white;
        color: @ButtonDangerHover;
        border: 1px solid @ButtonDangerHover !important;
      }
    }
    &.is-disabled,
    &.is-disabled:active,
    &.is-disabled:focus,
    &.is-disabled:hover {
      color: white;
      background-color: @color-gray-A !important;
      border-color: @color-gray-A !important;
    }
  }
}


.workbench.body {
  .body-box {
      margin: 0; 
      padding: 0 20px;
      width: 100%;
      .PMSearch.general-search {
        margin-top: 10px !important;
        .el-form-item {
          margin-bottom: 0px !important;
          .el-form-item__content {
            line-height: 30px;
          }
        }
        .TextR.fold-box {
          font-size: 12px;
        }
      }
      .el-button--small {
        height: 24px;
        min-width: 80px;
        font-size: 12px;
        margin-top: 4px;
      }
      .general-search {
        .el-input--small {
          .el-input__inner {
            min-height: 24px !important;
            height: 24px !important;
          }
        }
        .el-form-item__error {
          top: 30px;
          font-size: 11px !important;
        }
      }
      .reconciliation-box {
        .reconciliation-content {
          .header-icon {
            margin-top: 4px;
            margin-bottom: -6px;
          }
        }
        
      }
  }
}

.homeEn {
  .general-search {
    .el-form-item__label {
      line-height: 16px;
    }
  }

  .el-table__header-wrapper {
    .table-header {
      // th .cell {
      //   text-align: center;
      // }
    }
  }

  .dialog-addQuery {
    .el-form-item__label {
      line-height: 15px;
    }
  }

  .workbench.body {
    .general-search {
      .el-form-item__label {
        line-height: 15px;
      }
    }
    .vxe-cell--title {
      .el-form-item__label {
        text-align: center;
      }
    }
  }

  .PMSearch,
  .PMDetail,
  .PMAdd {
    .el-form-item__label {
      word-break: break-word !important;
      vertical-align: middle;
      display: -webkit-box !important;
      -webkit-box-align: center !important;
      -webkit-box-pack: end !important;
    }
  }
}
